<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	ArrayList<String> jsPaths = (ArrayList<String>) request
			.getAttribute("jsPaths");
	jsPaths.add("/resources/bootstrap/datePicker/moment.min.js");
	jsPaths.add("/resources/bootstrap/datePicker/sugar.min.js");
	jsPaths.add("/resources/bootstrap/datePicker/daterangepicker.js");
	jsPaths.add("/resources/bootstrap/table/jquery.tablesorter.js");
	jsPaths.add("/resources/custom/summaryAnalysis/summaryAnalysis.js");
	jsPaths.add("/resources/bootstrap/select/bootstrap-select.js");
%>

<link
	href="${pageContext.request.contextPath}/resources/bootstrap/table/dataTables.bootstrap.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/resources/bootstrap/datePicker/daterangepicker.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/resources/bootstrap/select/bootstrap-select.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/resources/custom/summaryAnalysis/summaryAnalysis.css"
	rel="stylesheet">

<div class="row">
	<h2 class="sub-header">Summary Padding Impact Analysis</h2>
	<div class="col-sm-6">
		<label for="province" class="col-sm-3 control-label">Type:</label>
		<select class="selectpicker" id='type' title='select'>
			<option>Daily</option>
			<option>Weekly</option>
			<option>Monthly</option>
		</select>
	</div>
	<div class="col-sm-4">
		<label for="timeRange" class="col-sm-4 control-label">Time
			Range:</label>
		<button id="timeRange" class="pull-right btn hover-change">
			<span></span> <b class="caret"></b>
		</button>
		<button id="weekRange" class="pull-right btn hover-change" style='display: none'>
			<span></span> <b class="caret"></b>
		</button>
		<button id="monthRange" class="pull-right btn hover-change" style='display: none'>
			<span></span> <b class="caret"></b>
		</button>
	</div>
</div>


<div id='all'>
	<div class="row">
		<div class="table-responsive">
			<table class="table tablesorter table-hover" id="carrierAnalysis">
				<thead>
					<tr>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
		</div>
	</div>
</div>